<!--
/**
* Author: linchun
* Date: 2022-08-03 17:45
* Desc: BuyNotice 购买须知
*/
-->
<template>
  <view class="buy-notice">
    <view class="title fw500"> 购买须知 </view>
    <view class="content">
      <view v-if="content.length > 0">
        <view class="item" v-for="(item, index) in content" :key="index"
          >{{ item }}
        </view>
      </view>
    </view>
  </view>
</template>

<script>
  export default {
    name: 'BuyNotice',
    data() {
      return {}
    },
    components: {},
    props: {
      content: {
        type: [Array, Object],
        default() {
          return []
        }
      }
    },
    created() {},
    computed: {},
    methods: {
      // 初始化方法
      init() {}
    }
  }
</script>
<style lang="scss" scoped>
  .buy-notice {
    padding: 41rpx 31rpx 47rpx 30rpx;
    background: #fff;
    border-radius: 18rpx;
    margin-top: 20rpx;
    .title {
      font-size: 30rpx;
      color: #333;
      font-weight: bold;
      margin-bottom: 35rpx;
    }
    .content {
      font-size: 26rpx;
      font-weight: 400;
      color: #888888;
      .item {
        line-height: 42rpx;
      }
    }
  }
</style>
